<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <form action="">
        <!--
        input type="text" 文本输入框
        name 提交给服务器时的备注
        placeholder 占位符
        disabled 禁用状态

        -->
        用户名<input type="text" name="username" placeholder="请输入用户名" disabled>
        <br>

        <!--
        input type="password" 密文输入框
        -->
        密码<input type="psssword" name="password" placeholder="请输入密码">
        <br>

        <!--
        文本域
        -->
        <textarea name="" id="" cols="30" rows="20"></textarea>
        <br>


         <!--
         input type="radio" 单选按钮
         checked 默认选择
         -->
        <input type="radio" name="gender" value="male">男
        <input type="radio" name="gender" value="female" checked>女
        <br>

        <!--
        label 通过 for属性绑定其他元素的id
        -->
        <input type="radio" name="nation" value="china" id="china"><label for="china">中国</label>
        <input type="radio" name="nation" value="japan" id="japan"><label for="japan">日本</label>
        <br>


        <!--
        input type="checkbox" 多选框
        -->
        请选择您喜欢的水果：
        <input type="checkbox" name="fruits[]" value="apple">苹果
        <input type="checkbox" name="fruits[]" value="banana">香蕉
        <input type="checkbox" name="fruits[]" value="orange">橘子
        <br>


        <!--
        下拉框
        -->
        <select name="battle" id="">
            <option value="tom">猫</option>
            <option value="dog">狗</option>
        </select>
        <br>

        <!--
        文件选择按钮
        -->
        <input type="file">
        <br>

        <!--
        重置按钮
        -->
        <input type="reset" value="重置">
        <br>

        <!--
        提交按钮
        -->
        <input type="submit" value="提交按钮">


        <!--
        图片按钮
        -->
        <input type="image" src="http://img0.imgtn.bdimg.com/it/u=3304576107,765859443&fm=26&gp=0.jpg">







    </form>

    </body>
</html>